<template>
    <div>
        <Tabs value="usual_service">
            <TabPane label="专项服务" name="usual_service">
                <Row>
                    <Col span="12">
                        <DictionaryList :data="tree.usual_service" infoAlert="首页显示的专项服务,链接地址默认应该输入符号#，否则不属于类别" @on-current-change="show_service" title="专项服务" :options="{show_url:true,show_logo:true}"></DictionaryList>
                    </Col>
                    <Col span="12">
                        <DictionaryList :data="usual_service_current" infoAlert="左侧专项服务包含的子类别，链接地址默认应输入符号#，否则不属于类别" title="子服务" :options="{show_url:true}"></DictionaryList>
                    </Col>
                </Row>
            </TabPane>
        </Tabs>
    </div>
</template>
<<script>
import DictionaryList from "./DictionaryList";
export default {
  data(){
      return{
          usual_service_current:{}
      }
  },
  components: {
      DictionaryList
  },
  computed:{
      tree() {
          return this.$store.state.app.dicTree;
      }
  },
  methods:{
    show_service(currentRow,oldCurrentRow){
        this.usual_service_current = currentRow;
    }
  }
}
</script>
